<template>
    <div class="app-component">

        <!--工具菜单-->
        <tools-menu></tools-menu>

        <!--<router-view/>-->
        <sm-viewer></sm-viewer>

    </div>
</template>

<script>
import SmViewer from "./views/SmViewer/SmViewer";
import ToolsMenu from "./views/ToolsMenu/ToolsMenu";

export default {
  components: { ToolsMenu, SmViewer }
};
</script>

<style lang="less">
    * {
        margin: 0;
        padding: 0;
    }

    /*容器最大化*/
    html, body, .app-component {
        width: 100%;
        height: 100%;
    }

    /*Vue挂载的容器*/
    #app {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-align: center;
        color: #2c3e50;
        width: 100%;
        height: 100%;
    }
</style>
